<template>
  <div class="login">
    <div class="login-content" style="display: flex; flex-direction: column;">
      <div style="flex: 1; font-size: 50px; font-family: 'Microsoft YaHei'; widows: 100%;">啊哦~页面无法访问了！</div>
      <div style="flex: 1; font-size: 50px; font-family: 'Microsoft YaHei'; widows: 100%;">
        请重新
        <el-button link type="primary" @click.prevent="gotoLogin" style="
            font-size: 50px;
            font-family: 'Microsoft YaHei';
            margin-top: -10px;
            margin-left: -17px;">登录</el-button>
      </div>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from "vue-router";
const router = useRouter();

const gotoLogin = () => {
  //跳转
  router.push("/login");
}
</script>